*{
	-moz-box-sizing: border-box; /*Firefox3.5+*/
	-webkit-box-sizing: border-box; /*Safari3.2+*/
	-o-box-sizing: border-box; /*Opera9.6*/
	-ms-box-sizing: border-box; /*IE8*/
	box-sizing: border-box;
}
html{
	height: 100%;
}
a{
	text-decoration:none
}
body {
	position  : relative;
	width     : 100%;
	height: 100%;
	min-height: 100%;
	margin    : 0px;
	background: #fff;
	overflow-y: scroll;
	font-family:Microsoft Yahei;
}
html{
	-ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
}
input{
	font-family: Microsoft YaHei;
}
input:-webkit-autofill {-webkit-box-shadow: 0 0 0px 1000px white inset;}
.select_container,.choose_status,#details{
	display: box;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	   -moz-box-orient: vertical;
	   -moz-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	-webkit-box-align: center;
	-webkit-align-items: center;
	   -moz-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	   -moz-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
}
.nav,.item,.select_nav,.back,.choose_name,.button_list,.det_username,#details_cancel,#details_confirm{
	display: box;              /* OLD - Android 4.4- */
	display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
	display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
	display: -ms-flexbox;      /* TWEENER - IE 10 */
	display: -webkit-flex;     /* NEW - Chrome */
	display: flex;             /* NEW, Spec - Opera 12.1, Firefox 20+ */
	/* 09版 */
	-webkit-box-orient: horizontal;
	/* 12版 */
	-webkit-flex-direction: row;
	-moz-flex-direction: row;
	-ms-flex-direction: row;
	-o-flex-direction: row;
	flex-direction: row;
	/* 09版 */
    -webkit-box-align: center;
    /* 12版 */
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -o-align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
       -moz-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -moz-box-align: center;
     -ms-flex-align: center;
         align-items: center;
}
.search > img{
	height:70px;
	padding-right:10px;
}
.item_right{
	-webkit-box-align:stretch;
	-webkit-align-items:stretch;
	   -moz-box-align:stretch;
	    -ms-flex-align:stretch;
	        align-items:stretch;
	height: 100%;
	width:82%;

}
.back,.search{
	cursor: pointer;
}
.nav{
	width:100%;
	height:150px;
	position: fixed;
	top:0px;
	background:#29323c;
}
#main_container{
	height:auto;
	margin-top:152px;
	overflow:hidden;
}
#item_list{
	height:auto;
	margin:0px;
	padding:0px;
	overflow:hidden;
}
.title{
	width:100%;
	text-align: left;
	color: #515a63;
	font-size:5vw;
	padding:15px 40px 15px 40px;
}
.nav_title{
	-webkit-box-flex:1;
	-webkit-flex-grow:1;
	   -moz-box-flex:1;
	    -ms-flex-positive:1;
	        flex-grow:1;
	text-align: center;
	color: #fff;
	letter-spacing: 1.5vw;
	font-size: 6vw;
}
.item_left{
	text-align: center;
	width:18%;
}
.item{
	height:auto;
	overflow: hidden;
	padding:15px 0px 15px 0px;
	border-top: 3px solid #f3f6fb;
}
.name_big{
	display: box; 
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	   -moz-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	   -moz-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
}

.name_big{
	width:10vw;
	height:10vw;
	text-align: center;
	font-size:5vw;
	margin-bottom: 0.5vw;
	margin-left: auto;
	margin-right: auto;
	-moz-border-radius: 50%;
	     border-radius: 50%;
}
.name_big{
	color:#48bed9;
	border:3px solid #48bed9;
}
.timeuse{
	letter-spacing: 0.2vw;
	width:100%;
	text-align: center;
	font-size: 4vw;
}
.username{
	font-weight: 400;
	font-size:5vw;
	color: #303030;
	margin:0px;
}
.time_span{
	color: #4d4d4d;
	font-size:4vw;
	letter-spacing: 0.1vw;
	margin: 1vw 0px 1vw 0px;
}
.status_status{
	color: #48bed9;
}
.status{
	width:100%;
	color: #4d4d4d;
	font-size:4vw;
	letter-spacing: 0.1vw;
}
.status_type{
	float: right;
	background:#88BF41;
	color: #fff;
	margin-right: 25px;
	font-size: 3.3vw;
	padding:2px 20px 4px 20px;
	-moz-border-radius: 3px;
	     border-radius: 3px;
}
.time_span>span,.status_title{
	color:#808080;
}
/* load6 */
.load6 {
  margin: 40px 0px 30px 0px;
  width: 100%;
  text-align: center;
}
.load6 > div {
  width: 30px;
  height: 30px;
  background-color: #67CF22;
  -moz-border-radius: 100%;
       border-radius: 100%;
  display: inline-block;
  -webkit-animation: bouncedelay 1.4s infinite ease-in-out;
  -moz-animation: bouncedelay 1.4s infinite ease-in-out;
       animation: bouncedelay 1.4s infinite ease-in-out;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
       animation-fill-mode: both;
}
.load6 .bounce1 {
  -webkit-animation-delay: -0.32s;
  -moz-animation-delay: -0.32s;
       animation-delay: -0.32s;
}
.load6 .bounce2 {
  -webkit-animation-delay: -0.16s;
  -moz-animation-delay: -0.16s;
       animation-delay: -0.16s;
}
@-webkit-keyframes bouncedelay {
  0%, 80%, 100% { -webkit-transform: scale(0.0) }
  40% { -webkit-transform: scale(1.0) }
}
@-moz-keyframes bouncedelay {
  0%, 80%, 100% {
    -moz-transform: scale(0.0);
         transform: scale(0.0);
    -webkit-transform: scale(0.0);
  } 40% {
    -moz-transform: scale(1.0);
         transform: scale(1.0);
    -webkit-transform: scale(1.0);
  }
}
@keyframes bouncedelay {
  0%, 80%, 100% {
    -moz-transform: scale(0.0);
         transform: scale(0.0);
    -webkit-transform: scale(0.0);
  } 40% {
    -moz-transform: scale(1.0);
         transform: scale(1.0);
    -webkit-transform: scale(1.0);
  }
}
#select{
	width:100%;
	/*display: none;*/
	position: fixed;
	height:100%;
	top:0px;
	background: #000;
	background: rgba(0,0,0,0.6);
}
.select_container{
	float: right;
	height: 100%;
	background: #fff;
	width:90%;
}
.select_nav{
	width:100%;
	height:152px;
	position: relative;
	background:#29323c;
}
.back > img{
	height: 150px
}
.select_nav>.back{
	font-size: 4vw;
	position: absolute;
	left: 0px;
	width: 150px;
	height: 100%;
	color: #fff;
	padding-left: 30px
}
.choose_list{
	width:100%;
	-webkit-box-flex: 1;
	-webkit-flex-grow: 1;
	   -moz-box-flex: 1;
	    -ms-flex-positive: 1;
	        flex-grow: 1;
}
.choose_name{
	height:auto;
	border-bottom:3px solid #e7ede7;
	overflow: hidden
}
.choose_name>div{
	font-size: 3.5vw;
	padding:40px 40px 40px 40px;
	letter-spacing: 0.5vw;
}
.choose_name>input{
	color:#b3b3b3;
	border:none;
	-webkit-box-flex: 1;
	-webkit-flex-grow: 1;
	   -moz-box-flex: 1;
	    -ms-flex-positive: 1;
	        flex-grow: 1;
	font-size: 4vw;
	padding-right: 40px;
	outline: none;
}
.choose_status >div{
	font-size: 4vw;
	width: 100%;
	padding:40px 40px 40px 40px;
	letter-spacing: 0.5vw;
}
li{
	list-style:none
}
ul{
	padding:0px;
}
.status_list>li{
	font-size: 4vw;
	width:100%;
	color:#6d6d6d;
	border-top:2px solid #e7ede7;
	padding:15px 0px 15px 40px;
}
.status_list>.active{
	color:#fff;
	background:#5583f0 ;
}
.status_list{
	width:100%;
	height: auto;
	text-align: left;
	-webkit-box-flex: 1;
	-webkit-flex-grow: 1;
	   -moz-box-flex: 1;
	    -ms-flex-positive: 1;
	        flex-grow: 1;
	overflow: hidden;
}
.button_list{
	width:100%;
}
.button_list>button{
	width:50%;
	font-size: 4vw;
	outline: none;
	border:2px solid #ccc;
	padding:30px 40px 30px 40px;
}
#search_confirm{
	color: #fff;
	background:#29323c;
}
#search_cancel{
	background: #fff;
}
.det_username{
	width:100%;
	padding:20px 40px 20px 0px;
}
.name_details{
	-webkit-box-flex: 1;
	-webkit-flex-grow: 1;
	   -moz-box-flex: 1;
	    -ms-flex-positive: 1;
	        flex-grow: 1;
	color: #303030;
	font-size: 5vw;
	text-align: left;
}
.det_username>.item_left>.name_big{
	margin:0px auto 0px auto;
}
#details{
	width: 100%;
	background: #fff;
	position: fixed;
	top:0px;
	padding-top: 170px;
	left: 0px;
	height: 100%;
	min-height: 100%;
	overflow: auto;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	   -moz-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
}
.details_list{
	-webkit-box-flex: 1;
	-webkit-flex-grow: 1;
	   -moz-box-flex: 1;
	    -ms-flex-positive: 1;
	        flex-grow: 1;
	width:100%;
}
.details_list > li{
	padding:30px 40px 30px 40px;
	border-top:2px solid #e7edf7;
}
.details_list > li >h3{
	font-size: 5vw;
	letter-spacing: 0.5vw;
	margin:0px;
	color: #6d6d6d;
}
.details_list > li >p{
	color: #303030;
	font-size: 5vw;
	letter-spacing: 0.5vw;
	margin:20px 0px 0px 0px;
}
.details_list > li >input{
	color: #303030;
	letter-spacing: 0.5vw;
	outline: none;
	border: none;
	font-size: 5vw;
	width:100%;
	padding:20px 0px 0px 0px;
}
#details_confirm,#details_cancel{
	font-size: 5vw;
	letter-spacing: 0.5vw;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	   -moz-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
}

button>img{
	margin-right: 10px;
}
#select,#details{
	display:none;
}
#details>.button_list{
	-webkit-align-self: flex-end;
	    -ms-flex-item-align: end;
	        align-self: flex-end;
}
#details_search{
	opacity: 0;
}